<template>
  <div id="app">
    <ul class="nav" v-if="$route.meta.show">
      <li>
        <router-link to="/home">home</router-link>
      </li>
      <li>
        <router-link to="/vip">vip</router-link>
      </li>
      <li>
        <router-link to="/personal">personal</router-link>
      </li>
      <li>
        <router-link to="/test">Test</router-link>
      </li>
    </ul>
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: "App",
  data() {
    return {};
  },
  components: {},
  mounted() {},
  methods: {}
};
/* 
注册  登录 登录成功进入home(token存储到localstorage中),还需要level，需要后台给返回一个标识 level,  level应该存到一个公共的地方， vuex
登录中的获取到 level  result.data.level  存到vuex $store  state
result.data.level  登录组件中得到的



有的能进  有的不能进
home  personal

充值  vip能进 
$router.push('/home')
$router.push('/personal')
看你充值了没有  如果充值 可以进入  如果没有充值进入充值页面$router.push('/level')
$router.push('/vip')


*/
</script>

<style lang="less">
.nav {
  display: flex;
  justify-content: space-around;
}
</style>
